<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>单元格的跨行与跨列</title>
</head>
<body>
<table border="1" cellspacing="0" style="height: 300px" width="500">
    <caption>课程表</caption>
    <thead>
    <tr>
        <th>项目</th>
        <!--        colspan表示要跨列,后面接跨的列数-->
        <th colspan="5">上课</th>
        <th colspan="2">活动与休息</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>星期</td>
        <td>星期一</td>
        <td>星期二</td>
        <td>星期三</td>
        <td>星期四</td>
        <td>星期五</td>
        <td>星期六</td>
        <td>星期日</td>

    </tr>
    <tr>
        <!--        rowspan 跨行-->
        <td rowspan="4">上午</td>
        <td>语文</td>
        <td>数学</td>
        <td>英语</td>
        <td>语文</td>
        <td>音乐</td>
        <td>体育</td>
        <td rowspan="4">休息</td>
    </tr>
    <tr>
        <td>语文</td>
        <td>数学</td>
        <td>英语</td>
        <td>语文</td>
        <td>音乐</td>
        <td>体育</td>
    </tr>
    <tr>
        <td>语文</td>
        <td>数学</td>
        <td>英语</td>
        <td>语文</td>
        <td>音乐</td>
        <td>体育</td>
    </tr>
    <tr>
        <td>语文</td>
        <td>数学</td>
        <td>英语</td>
        <td>语文</td>
        <td>音乐</td>
        <td>体育</td>
    </tr>
    <tr>
        <td rowspan="2">下午</td>
        <td>语文</td>
        <td>数学</td>
        <td>英语</td>
        <td>语文</td>
        <td>音乐</td>
        <td>体育</td>
        <td rowspan="2">休息</td>
    </tr>
    <tr>
        <td>语文</td>
        <td>数学</td>
        <td>英语</td>
        <td>语文</td>
        <td>音乐</td>
        <td>体育</td>
    </tr>
    </tbody>
</table>
</body>
</html>
<!--
不管是跨行还是跨列都是在单元格标签内操作,th或td
需要注意的是
跨行是相邻上下合并,使用rowspan
跨列是相邻左右合并,使用colspan
-->